<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>{$title}</title>
    <link rel="stylesheet" href="__PUBLIC__/static/css/common.css"/>
    <link rel="stylesheet" href="__PUBLIC__/static/css/amazeui.css"/>
    <link rel="stylesheet" href="__PUBLIC__/static/css/bootstrap.css"/>
    <link rel="stylesheet" href="__PUBLIC__/static/css/swiper.min.css"/>
</head>

<body >

	
	


<if condition="$homepage_logo neq ''">
<div id="top">
    <img width="200" src="__PUBLIC__/admin/upload/merchantlogo/{$homepage_logo}" alt="{$shop_name}">&nbsp;{$shop_name}
</div>
</if>


<div class="swiper-container">
    <div class="swiper-wrapper">
    	
			<div class="swiper-slide"><img src="__PUBLIC__/admin/upload/merchantbanner/{$homepage_banner}" style="left: 0px; top: 0px;"></div>
		
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>



<div id="main" <if condition="$is_old_user eq true">style="height:65px!important;"</if>>

	<if condition="$auth_type neq ''">
	<div>
		<div style="color:#FFF; font-size:14px; padding:0px 10px;">上网请点击下列图标</div>
		<ul class="am-avg-sm-1 am-avg-md-1 am-margin am-text-center admin-content-list " style="margin-top:5px;">
			<if condition="$auth_type eq 'virtual_verify'">
				<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-envelope-o" data-am-modal="{target: '#my-actions'}"></span><br>短信认证</a></li>
			</if>
			<if condition="$auth_type eq 'akey_verify'">
				<li><a href="{:U('Index/akey_verify')}" class="am-text-fff"><span class="am-icon-btn am-icon-hand-o-up"></span><br>点击上网</a></li>
			</if>
			<if condition="$auth_type eq 'mobile_verify'">
				<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-envelope-o" data-am-modal="{target: '#my-actions'}"></span><br>短信认证</a></li>
			</if>
			<if condition="$auth_type eq 'weixin_verify'">
				<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-weixin" data-am-modal="{target: '#my-actions1'}"></span><br>微信认证</a></li>
			</if>
			<if condition="$auth_type eq 'weibo_verify'">
				<li><a href="{:U('Index/weibo_auth')}" class="am-text-fff"><span class="am-icon-btn am-icon-weibo"></span><br>微博认证</a></li>
			</if>
			<if condition="$auth_type eq 'qq_verify'">
				<li><a href="{:U('Index/qq_auth')}" class="am-text-fff"><span class="am-icon-btn am-icon-qq"></span><br>QQ认证</a></li>
			</if>
	    </ul>
	</div>
	<elseif condition="$is_old_user eq true"/>
		<div style="padding:10px;"><a href="{:U('Index/fast_login')}" class="am-btn am-btn-success  am-btn-lg am-btn-block">点击上网</a></div>
	<else />
		<div>
			<div style="color:#FFF; font-size:14px; padding:0px 10px;">上网请点击下列图标</div>
			<ul class="am-avg-sm-{$count} am-avg-md-{$count} am-margin am-text-center admin-content-list " style="margin-top:5px;">
				<if condition="$virtual_verify eq 1">
					<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-envelope-o" data-am-modal="{target: '#my-actions'}"></span><br>短信认证</a></li>
				</if>
				<if condition="$akey_verify eq 1">
					<li><a href="{:U('Index/akey_verify')}" class="am-text-fff"><span class="am-icon-btn am-icon-hand-o-up"></span><br>点击上网</a></li>
				</if>
				<if condition="$mobile_verify eq 1">
					<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-envelope-o" data-am-modal="{target: '#my-actions'}"></span><br>短信认证</a></li>
				</if>
				<if condition="$weixin_verify eq 1">
					<li><a href="#" class="am-text-fff"><span class="am-icon-btn am-icon-weixin" data-am-modal="{target: '#my-actions1'}"></span><br>微信认证</a></li>
				</if>
				<if condition="$weibo_verify eq 1">
					<li><a href="{:U('Index/weibo_auth')}" class="am-text-fff"><span class="am-icon-btn am-icon-weibo"></span><br>微博认证</a></li>
				</if>
				<if condition="$qq_verify eq 1">
					<li><a href="{:U('Index/qq_auth')}" class="am-text-fff"><span class="am-icon-btn am-icon-qq"></span><br>QQ认证</a></li>
				</if>
		    </ul>
		</div>
	</if>
</div>

<input type="hidden" id="APP" value="__APP__">
<if condition="($virtual_verify eq 1) OR ($mobile_verify eq 1)">
<div class="am-modal-actions" id="my-actions">
  <div class="am-modal-actions-group">

    <ul class="am-list">
      	<li style="border:none;" class="am-modal-actions-header" id="msg">请输入手机号码获取验证码</li>
      	<li style="border:none;">
		    <div class="am-u-md-12 am-u-sm-12">
				<div class="input-group">
					<input type="number" id="phone" class="form-control" style="height:38px;" placeholder="请输入手机号码">
				<span class="input-group-btn">
					<input type="hidden" id="is_mobile_verify" value="{$mobile_verify}">
					<button class="btn btn-primary " style="height:38px;" id="getCode" type="button">获取验证码</button>
				</span>
				</div><!-- /input-group -->
		   	</div>
      	</li>
		<li style="border:none; " class="am-modal-actions-danger">
			<div class="am-u-md-12 am-u-sm-12" style="padding-top:10px; padding-bottom:10px;">
				
					<div class="input-group">
						<input type="number" class="form-control" id="verify" style="height:38px;" placeholder="请输入验证码">
						<span class="input-group-btn">
					
					
					<button class="btn btn-success " id="check_verify" style="height:38px;" id type="button">&nbsp;&nbsp;确认上网&nbsp;</button>
				</span>
				</div><!-- /input-group -->
		   	</div>
			
		</li>
    </ul>

  </div>
  <div class="am-modal-actions-group">
    <button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
  </div>
</div>
</if>
<if condition="$weixin_verify eq 1">
<div class="am-modal-actions " id="my-actions1">
  <div class="am-modal-actions-group">
	<div class="am-panel am-panel-default">
		<div class="am-panel-hd"><i class="am-icon-weixin"></i>关注微信，即可立即上网</div>
		<div class="am-panel-bd">
			<div data-am-widget="tabs" class="am-tabs am-tabs-default am-scrollable-vertical">
				<ul class="am-tabs-nav am-cf">
					<li class="am-active">
						<a href="[data-tab-panel-0]">方式一</a>
					</li>
					<li class="">
						<a href="[data-tab-panel-1]">方式二</a>
					</li>
				</ul>
				<div class="am-tabs-bd ">
					<div data-tab-panel-0 class="am-tab-panel am-active">
						
						
						
						
						
						<ul class="am-list" style="text-align: left;">
							<li><a href="#">1.打开微信客户端</a></li>
							<li><a href="#">2.输入商家名称【{$weixin_name}】</a></li>
							<li><a href="#">3.关注商家微信</a></li>
							<li><a href="#">4.点击【立即上网】即可</a></li>
							<li><a href="#"></a></li>
						</ul>
						<p class="am-text-success ">注：如果您已经关注了该商家,只需打开商家公众号对话框，点击【立即上网】即可</p>
					</div>
					<div data-tab-panel-1 class="am-tab-panel ">
						<ul class="am-list" style="text-align: left;">
							<li style="text-align: center;"><a href="{:U('Index/down_qr_code')}"><img src="__PUBLIC__/admin/upload/merchantqrcode/{$qr_code}" width="100"></a></li>
							<li><a href="#">1.点击二维码下载到手机相册中</a></li>
							<li><a href="#">2.打开微信扫一扫功能</a></li>
							<li><a href="#">3.右上角菜单中【从相册选取二维码】</a></li>
							<li><a href="#">4.选择下载的二维码进行扫描</a></li>
							<li><a href="#">5.关注商家微信</a></li>
							<li><a href="#">6.点击【立即上网】即可</a></li>
							
						</ul>
						
					</div>
				</div>
			</div>
		</div>
	</div>


  </div>
  <div class="am-modal-actions-group">
    <button class="am-btn am-btn-secondary am-btn-block" data-am-modal-close>取消</button>
  </div>
</div>
</if>
<script src="__PUBLIC__/static/js/jquery.min.js"></script>
<script src="__PUBLIC__/static/js/swiper.min.js"></script>
<script src="__PUBLIC__/static/js/amazeui.js"></script>
<script src="__PUBLIC__/static/js/app.js"></script>
<script type="text/javascript">
	var swiper = new Swiper('.swiper-container', {
        loop: true
    });
</script>
</body>
</html>